<template>
  <div class="filter-container">
    <el-collapse-transition>
      <div v-if="showHelp" class="help">
        <div class="transition-box">
          <p>说明:</p>
          <p>可以搜索名称</p>
        </div>
      </div>
    </el-collapse-transition>
  </div>
</template>

<script>
export default {
  name: 'BrandHelp',
  props: {
    showHelp: {
      type: Boolean,
      default: true
    }
  }
}
</script>

<style scoped lang="scss">
.help {
  .transition-box {
    //height: 100px;
    border-radius: 4px;
    background-color: #f5f7fa;
    border: 1px solid #dfe6ec;
    color: #909399;
    padding: 10px 15px;
    box-sizing: border-box;
    text-align: left;
  }
}
</style>
